<template>
    <div>
        <el-menu :default-openeds="['1', '3']" style="min-height:100%;overflow-x:hidden;" background-color="rgb(48,65,86)"
            text-color="#fff" active-text-color="#ffd04b" :collapse-transition="false" :collapse="isCollapse" router
            @select="handSelect">
            <div style="height: 60px;line-height:60px;text-align:center;">
                <img src="../assets/logo.png" alt="" style="width: 20px;position:relative;top:5px;margin-right:5px;">
                <b style="color: white;" v-show="logoTextShow">后台管理系统</b>
            </div>
            <el-menu-item index="/">
                <template slot="title">
                    <i class="el-icon-house"></i>
                    <span slot="title">主页</span>
                </template>
            </el-menu-item>
            <el-submenu index="2">
                <template slot="title">
                    <i class="el-icon-menu"></i>
                    <span>系统管理</span>
                </template>
                <el-menu-item index="/user">
                    <i class="el-icon-s-custom"></i>
                    <template slot="title">用户管理</template>
                </el-menu-item>
            </el-submenu>
        </el-menu>
    </div>
</template>

<script>
export default {
    name: 'Aside',

    data() {
        return {
        };
    },

    props: {
        isCollapse: Boolean,
        logoTextShow: Boolean
    },
    create() {
        // this.$bus.$emit("AsideRoute", this.$route)
    },
    mounted() {

    },

    methods: {
        handSelect() {
            console.log(this.$route);
        }
    },
};
</script>

<style scoped></style>